import { createRouter, createWebHistory } from "vue-router";

const routes = [
    // {
    //     path: "/drag-vue",
    //     component: () => import("@/views/Index.vue"),
    //     hidden: true,
    //     children: [
            {
                name: "Login",
                path: "/",
                component: () => import("@/views/Login.vue"),
            },
            {
                name: "Drop",
                path: "/Drop",
                component: () => import("@/views/Drop.vue"),
            },
            {
                name: "Transform",
                path: "/transform",
                component: () => import("@/views/Transform.vue"),
            },
            {
                name: "Transform3D",
                path: "/transform3D",
                component: () => import("@/views/Transform3D.vue"),
            },
            {
                name: "Radial",
                path: "/radial",
                component: () => import("@/views/Radial.vue"),
            },
            {
                name: "Animation",
                path: "/animation",
                component: () => import("@/views/Animation.vue"),
            },
            {
                name: "Fold",
                path: "/fold",
                component: () => import("@/views/Fold.vue"),
            },
            {
                name: "Album",
                path: "/album",
                component: () => import("@/views/Album.vue"),
            },
            {
                name: "Button",
                path: "/button",
                component: () => import("@/views/Button.vue"),
            },
            {
                name: "Transition",
                path: "/transition",
                component: () => import("@/views/Transition.vue"),
            },
        // ],
    // },
];
const router = createRouter({
    history: createWebHistory("/drag-vue/"),
    routes: routes,
});
export default router;
